<template>
  <div class="footer">
    <div class="section-footer">
      <div class="section-link link clearfix">
        <p class="section-left">友情链接：</p>
        <p class="section-right">
          <a target="_blank" v-for="v in linkList" :key="v.id" :href="v.path">
            {{ v.text }}
          </a>
        </p>
      </div>
      <div class="section-link navigation clearfix">
        <p class="section-left">网站导航：</p>
        <p class="section-right">
          <a
            href="javascript:void(0)"
            v-for="v in routerList"
            :key="v.id"
            @click="jumpTo(v.path)"
          >
            {{ v.text }}
          </a>
        </p>
      </div>
      <!--
      <div class="section-link join clearfix">
        <p class="section-left">加入我们：</p>
        <p class="section-right">郭老师 13076062593</p>
      </div>
      <div class="section-link about clearfix">
        <p class="section-left">关于我们：</p>
        <p class="section-right">
          未来校招—中高端校园人才求职服务平台，立足于大学生群体，提供高校最新名企线上线下双选会、校招、实习信息及咨询服务，助力高校人才高质量就业和企业精准化招聘人才。
        </p>
      </div>
      <div class="section-link contact clearfix">
        <p class="section-left">联系我们：</p>
        <p class="section-right">
          张老师 18794894434
        </p>
      </div>
      -->
      <div class="copy">
        <p class="copyright">
          <a target="_blank" href="https://beian.miit.gov.cn/">
            蜀ICP 备 2020026687号
          </a>
        </p>
        <p class="warning">
          未经weilaixiaozhao.com同意，不得转载本网站所有招聘信息及作品
        </p>
      </div>
      <div class="qrcode">
        <div class="qrcode-img right">
          <img src="../../static/qrcode5.png" alt="二维码" />
          <p class="qrcode-text">商务合作</p>
        </div>
        <div class="qrcode-img right">
          <img src="../../static/qrcode4.jpg" alt="二维码" />
          <p class="qrcode-text">未来校招视频号</p>
        </div>

        <div class="qrcode-img right">
          <img src="../../static/qrcode3.png" alt="二维码" />
          <p class="qrcode-text">未来校招公众号</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  data () {
    return {
      linkList: [
        { id: 'link1', text: '四川大学', path: 'http://jy.scu.edu.cn/eweb/jygl/index.so' },
        { id: 'link2', text: '电子科技大学', path: 'https://jiuye.uestc.edu.cn/career/' },
        { id: 'link3', text: '西南交通大学', path: 'https://jiuye.swjtu.edu.cn/eweb/jygl/index.so' },
        { id: 'link4', text: '西南财经大学', path: 'https://jobzpgl.swufe.edu.cn/home/index/index.html' },
        { id: 'link5', text: '四川农业大学', path: 'http://job.sicau.edu.cn/' },
        { id: 'link6', text: '成都理工大学', path: 'http://www.jy.cdut.edu.cn/' },
        { id: 'link7', text: '西南石油大学', path: 'http://jyzx.swpu.edu.cn/' },
        { id: 'link8', text: '四川师范大学', path: 'http://jy.sicnu.edu.cn/' },
        { id: 'link9', text: '成都信息工程大学', path: 'https://jy.cuit.edu.cn/' },
        { id: 'link11', text: '西南民族大学', path: 'http://jy.swun.edu.cn/Website/' },
        { id: 'link12', text: '西华大学', path: 'http://jy.xhu.edu.cn/' },
        { id: 'link13', text: '西南科技大学', path: 'http://job.swust.edu.cn/' },
        { id: 'link14', text: '成都中医药大学', path: 'http://zsjy.cdutcm.edu.cn/' },
        { id: 'link15', text: '成都大学', path: 'http://jy.cdu.edu.cn/' },
        { id: 'link16', text: '重庆大学', path: 'http://www.job.cqu.edu.cn/' },
        { id: 'link17', text: '西南大学', path: 'http://bkjyw.swu.edu.cn/' },
        { id: 'link18', text: '西南政法大学', path: 'http://jyb.swupl.edu.cn/' },
        { id: 'link19', text: '重庆邮电大学', path: 'http://job.cqupt.edu.cn/portal/home.html' },
        { id: 'link20', text: '重庆师范大学', path: 'https://job.cqnu.edu.cn/eweb/jygl/index.so' },
        { id: 'link21', text: '重庆交通大学', path: 'http://zsjy.cqjtu.edu.cn/jyw/' },
        { id: 'link22', text: '重庆理工大学', path: 'http://jyxt.i.cqut.edu.cn/default.html' },
        { id: 'link23', text: '四川外国语大学', path: 'http://column.sisu.edu.cn/cwjyw/' },
        { id: 'link24', text: '重庆医科大学', path: 'http://cqmu.bysjy.com.cn/' },
        { id: 'link25', text: '重庆工商大学', path: 'https://www.ctbu.edu.cn/jobi/default.html#/index' },
        { id: 'link26', text: '西安交通大学', path: 'http://job.xjtu.edu.cn/' },
        { id: 'link27', text: '西北工业大学', path: 'https://job.nwpu.edu.cn/' },
        { id: 'link28', text: '西北农林科技大学', path: 'https://job.nwsuaf.edu.cn/' },
        { id: 'link29', text: '西安电子科技大学', path: 'https://job.xidian.edu.cn/' },
        { id: 'link30', text: '长安大学', path: 'https://jyzx.chd.edu.cn/' },
        { id: 'link31', text: '西北大学', path: 'http://jiuye.nwu.edu.cn/' },
        { id: 'link32', text: '陕西师范大学', path: 'http://job.snnu.edu.cn/' },
        { id: 'link33', text: '西安外国语大学', path: 'http://jiuye.xisu.edu.cn/' },
        { id: 'link34', text: '西安建筑科技大学', path: 'http://job.xauat.edu.cn/' },
        { id: 'link35', text: '西安理工大学', path: 'http://job.xaut.edu.cn/' },
        { id: 'link36', text: '陕西科技大学', path: 'http://jiuye.www.sust.edu.cn/' },
        { id: 'link37', text: '西安石油大学', path: 'http://xsyu.bysjy.com.cn/' },
        { id: 'link38', text: '兰州大学', path: 'https://job.lzu.edu.cn/' },
        { id: 'link39', text: '西北师范大学', path: 'https://grad.nwnu.edu.cn/' },
        { id: 'link40', text: '兰州交通大学', path: 'https://jyzx.lzjtu.edu.cn/eweb/jygl/index.so' },
        { id: 'link41', text: '兰州理工大学', path: 'http://jiuye.lut.cn/' },
        { id: 'link42', text: '云南大学', path: 'http://jobs.ynu.edu.cn/' },
        { id: 'link43', text: '昆明理工大学', path: 'http://job.kmust.edu.cn/' },
        { id: 'link44', text: '贵州大学', path: 'http://jobs.gzu.edu.cn/gzujobs/client/index' },
      ],
      routerList: [
        { id: 'router1', text: '首页', path: '/' },
        { id: 'router2', text: '找工作', path: '/job' },
        { id: 'router5', text: '找公司', path: '/company/list' },
        { id: 'router3', text: '双选会', path: '/choice' },
        { id: 'router4', path: 'chat', text: '交流平台', active: false },
        { id: 'router6', path: '/news', text: '资讯', active: false },
      ]
    }
  },
  watch: {
  },
  created () {
  },
  mounted () {
  },
  methods: {
    scollSmooth (num) { // 平滑滚动
      window.scrollTo({
        top: num || 0,
        behavior: 'smooth'
      });
    },
    jumpTo (link) {
      if (link === 'chat') {
        window.location.href = 'http://chat.weilaixiaozhao.com/chat/';
      }
      if (link === this.$route.fullPath) {
        this.scollSmooth()
      } else {
        this.$router.push(link)
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.footer {
  position: relative;
  height: 410px;
  width: 100%;
  padding: 40px 0 20px 0;
  background: #f6f7f8;
  .section-footer {
    position: relative;
    margin: 0 auto;
    width: $base-width;
    .section-link {
      height: 120px;
      font-size: 12px;
      border-bottom: 1px solid #d8d8d8;

      .section-left {
        float: left;
        height: 100%;
        width: 70px;
        font-weight: 600;
        color: #333;
        margin-right: 10px;
      }
      .section-right {
        height: 100%;
        width: auto;
        a {
          float: left;
          margin-right: 15px;
          margin-bottom: 10px;
          white-space: nowrap;
          color: #999;
          &:hover {
            color: $base-color;
          }
        }
      }
    }
    .navigation {
      height: 40px;
      line-height: 40px;
      border-bottom: 0;
      .section-right {
        a {
          margin-bottom: 0;
        }
      }
    }
    .about,
    .contact,
    .join {
      height: 40px;
      line-height: 40px;
      border-bottom: 0;
      .section-right {
        max-width: 700px;
        color: #999;
        user-select: text;
      }
    }
    .about {
      height: 60px;
      line-height: 30px;
    }
    .copy {
      margin-top: 100px;
      padding-left: 80px;
      font-size: 12px;
      a {
        color: #999;
        &:hover {
          color: $base-color;
        }
      }
      p {
        color: #999;
      }
      .copyright {
        margin-bottom: 10px;
      }
    }
    .qrcode {
      position: absolute;
      right: 0;
      bottom: -20px;
      width: 600px;
      .qrcode-img {
        text-align: center;
        font-size: 0;
        img {
          width: 160px;
        }
      }
      .qrcode-text {
        margin-top: 5px;
        font-size: 12px;
        color: #999;
      }
      .left {
        float: left;
      }
      .right {
        padding-right: 20px;
        float: right;
      }
    }
  }
}
</style>
